<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs [items]="['设备安装管理','设备退回签收']" icon="fa fa-wrench" class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    </sa-big-breadcrumbs>
  </div>
  <sa-widgets-grid>
    <div class="s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
          <h2>设备退回记录</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn">
                <!-- <div class="top_module">
                  <span class="module_text">公司名称</span>
                  <sa-company-tree companyTreeId="companyTree" (companySelected)="companySelected($event)">
                  </sa-company-tree>
                </div> -->
                <div class="selectDate top_module">
                  <table-select-date [notInit]='true' (outerTime)="dateSelect($event)"></table-select-date>
                </div>
                <button type="button" class="btn btn-primary" (click)="tableSearch()">查询</button>
                <button type="button" class="btn btn-primary" (click)="exportData()">导出</button>
              </div>
              <div class="right top-search">
                <input type="text" [(ngModel)]="searchKey" (change)="tableSearch()" class="search-input"
                  placeholder="快递编号/寄件人/退回主机数量">
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="tableSearch()"> <i class="fa fa-search"></i></button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th>快递编号</th>
                    <th>寄件人</th>
                    <th>退回主机数量</th>
                    <th>退回天线数量</th>
                    <th>退回线材数量</th>
                    <th>签收主机数量</th>
                    <th>签收天线数量</th>
                    <th>签收线材数量</th>
                    <th>签收图片</th>
                    <th>签收时间</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData" [ngClass]='{selected: activeSelected === row.id }'>
                    <td>{{row.expressDeliveryNumber}}</td>
                    <td>{{row.sender}}</td>
                    <td>{{row.numberReturnedHosts}}</td>
                    <td>{{row.returnAntennaQuantity}}</td>
                    <td>{{row.quantityReturnedWire}}</td>
                    <td>{{row.numberSignOffHosts}}</td>
                    <td>{{row.numberAntennasSigned}}</td>
                    <td>{{row.numberWiresSigned}}</td>
                    <td>
                      <button *ngIf="row.receiptPicture!=''" type="button" (click)="showImg2(row,imgModal2)">查看</button>
                    </td>
                    <td>{{row.createTime}}</td>
                    <td>
                      <button type="button" (click)="rowDelete(row)">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator [totalRecords]="totalCounts" [rows]="pageSize" [currentPage]="curPage - 1"
                (onPageChange)="paginate($event)">
              </paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()"><i
                  class="fa fa-refresh"></i></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>
</div>

<!-- 图片查看   弹窗-->
<section bsModal #imgModal2="bs-modal" class="modal fade" tabindex="-1" role="dialog"
	aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content" style="width: 570px;">
			<div class="modal-header">
				<button type="button" class="close" (click)="closeImgModal2(imgModal2)" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">签收照片</h4>
			</div>
			<div class="modal-body">
				<div class="imagesInfo2">
					<div class="imgShow" *ngFor="let item of imgLocalList" (click)="bigimg('Modal2',item)">
						<img [src]="item" alt="签收照片" style="cursor: pointer;" />
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- 图片查看 弹窗end-->